import { useSelector, useDispatch } from "react-redux";
import { useEffect, useRef } from "react";



interface Props {
  className: string;
  header: any;
  footer: any;
}

export default function Card(props: Props) {
  const { header, footer } = props
  console.log(props)
  return (
    <div className="card rounded-lg p-4 ">
      {
        header && <div className="card-header mb-2 text-white">
          {header()}
        </div>
      }
      <div className="card-body">
        {props.children}
      </div>
      {
        footer && <div className="card-footer mt-2">
          {footer()}
        </div>
      }
    </div>
  );
}
